
<!DOCTYPE html>
<html lang="en" style="height: 100%;">
<head>
<meta charset="utf-8">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>电影院售票后台管理系统</title>

<!-- 基础CSS库 -->
<link rel="stylesheet"
	href="../../js/bootstrap/themes/default/bootstrap.css" />
 <link rel="stylesheet" href="../../css/common/base.css" />
<link rel="stylesheet"
	href="../../js/bootstrap/themes/default/tabdrop.css" />
<link rel="stylesheet"
	href="../../js/ztreeformenu/css/zTreeStyle/zTreeStyle.css" />
<!-- <link rel="stylesheet" href="../../js/ztreeformenu/css/demo.css" /> -->
 <link rel="stylesheet" href="../../css/jquery.select2.css" />
 <link rel="stylesheet" href="../../css/jquery.select2-bootstrap.css" />
<!-- 业务CSS库 -->
<link rel="stylesheet" href="../../css/style.css" />
<link rel="stylesheet" href="../../css/common/scrollbar.css" />
<link rel="stylesheet" href="../../css/each/main/main.css" />

<link rel="stylesheet" href="../../testPage/jquery.pagination.css">
<!-- 基础JS库 -->
<script src="../../js/common/package.js"></script>
<!-- <script src="../../js/common/url.js"></script> -->
<script src="../../js/common/jquery-1.11.3.min.js"></script>

<script src="../../js/bootstrap/bootstrap.js"></script>
<!-- <script 	src="https://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script> -->
<script src="../../js/common/json2.js"></script>
<!-- <script src="../../js/common/datagrid2.js"></script> -->

	<script src="../../js/bootstrap/plugins/bootstrap-paginator.js"></script>
<script src="../../js/bootstrap/plugins/bootstrap-tabdrop.js"></script>
<script src="../../js/ztreeformenu/js/jquery.ztree.all.min.js"></script>
   	<script src="../../js/common/script.js"></script>
   	<script src="../../js/common/jquery.select2.js"></script>
   	<script src="../../testPage/jquery.pagination.js"></script>
<!-- 业务JS库 -->
<script src="../../js/common/base.js"></script>
<!-- <script src="../../js/common/tree.js"></script> -->
 
<script src="../../js/each/sys/main/category1.js"></script>

<style>
.col-md-10 {
	padding-left: 0px;
	padding-right: 0px;
}

.container-fluid {
	padding-top: 4px;
}

.modal-form {
	margin: 15px 30px 15px 30px;
}

.panel-primary  .panel-heading {
	background-color: #6a82d5
}

.panel-group {
	max-height: 770px;
	overflow: auto;
}

.leftMenu {
	margin: 10px;
	margin-top: 5px;
}

.leftMenu .panel-heading {
	font-size: 30px;
	padding-left: 20px;
	height: 60px;
	line-height: 100px;
	color: white;
	padding-top: 24px;
	position: relative;
	cursor: pointer;
} /*转成手形图标*/
.leftMenu .panel-heading span {
	position: absolute;
	right: 10px;
	top: 12px;
}

.leftMenu .menu-item-left {
	padding: 2px;
	background: transparent;
	border: 1px solid transparent;
	border-radius: 6px;
}

.leftMenu .menu-item-left:hover {
	background: #C4E3F3;
	border: 1px solid #1E90FF;
}
#user-order td{
  font-size:12px;
}
</style>
</head>
<script>
	$(function() {
		$(".panel-heading").click(function(e) {
			/*切换折叠指示图标*/
			$(this).find("span").toggleClass("glyphicon-chevron-down");
			$(this).find("span").toggleClass("glyphicon-chevron-up");
		});
	});
</script>
<body style="height: 100%;">
	<header>
		<div class="header pr">
			<a id="btn-link" href="javascript:void(0);" class="dib vm of-h"><i
				class="dib logo"> <!-- <img class="wb80" src="../../img/logo.png"> -->猫眼
			</i></a>
			<h1 class="dib vm topTit black">
				<span style="color: black">猫眼后台管理系统</span>
			</h1>
			<div class="backLogin">
				<a id="btn-exit" href="javascript:log_out();" class="dib vm"> <img
					class="wb100 dis-b" src="../../img/exit.png">
				</a> <span class="dib vm tc admin"><font style="color: #000"
					id="userNameShow"></font><br /> <font style="color: #000"
					id="orgName">客户家</font></span> <i class="dib vm fly"><img
					id="btn-editPwd" class="wb100" src="../../img/fly.png"
					onclick="javascript:reset_pwd();"></i>
			</div>
		</div>
	</header>
	<aside style="background-color: #bfcdff">
		<div class="panel panel-primary leftMenu">
			<!-- 利用data-target指定要折叠的分组列表 -->
			<div class="panel-heading" id="collapseListGroupHeading1"
				data-toggle="collapse" data-target="#collapseListGroup1" role="tab">
				<h4 class="panel-title">
					用户信息管理 <span class="glyphicon glyphicon-chevron-up right"></span>
				</h4>
			</div>
			<!-- .panel-collapse和.collapse标明折叠元素 .in表示要显示出来 -->
			<div id="collapseListGroup1" class="panel-collapse collapse in"
				role="tabpanel" aria-labelledby="collapseListGroupHeading1">
				<ul class="list-group">
					<li class="list-group-item">
						<!-- 利用data-target指定URL -->
						<button class="menu-item-left" data-target="test2.html">
							<a href="main.html" class="active">用户信息</a>
						</button>
					</li>
					<li class="list-group-item">
						<button class="menu-item-left">
							<a href="/movie.web/view/user/forgetUserPassword.html">忘记密码</a>
						</button>
					</li>
					<li class="list-group-item">
						<button class="menu-item-left">
							<a href="/movie.web/view/user/updateUserPassword.html">修改密码</a>
						</button>
					</li>
					<li class="list-group-item">
						<button class="menu-item-left">
							<a href="#">用户解锁</a>
						</button>
					</li>
				</ul>
			</div>
		</div>
		<!--panel end-->
		<div class="panel panel-primary leftMenu">
			<div class="panel-heading" id="collapseListGroupHeading2"
				data-toggle="collapse" data-target="#collapseListGroup2" role="tab">
				<h4 class="panel-title">
					电影票管理 <span class="glyphicon glyphicon-chevron-down right"></span>
				</h4>
			</div>
			<div id="collapseListGroup2" class="panel-collapse collapse"
				role="tabpanel" aria-labelledby="collapseListGroupHeading2">
				<ul class="list-group">
					<li class="list-group-item">
						<button class="menu-item-left">
							<a href="#">电影票信息</a>
						</button>
					</li>
				</ul>
			</div>
		</div>
		<div class="panel panel-primary leftMenu">
			<div class="panel-heading" id="collapseListGroupHeading3"
				data-toggle="collapse" data-target="#collapseListGroup3" role="tab">
				<h4 class="panel-title">
					日志管理 <span class="glyphicon glyphicon-chevron-down right"></span>
				</h4>
			</div>
			<div id="collapseListGroup3" class="panel-collapse collapse"
				role="tabpanel" aria-labelledby="collapseListGroupHeading3">
				<ul class="list-group">
					<li class="list-group-item">
						<button class="menu-item-left">
							<a href="log.html">登录日志</a>
						</button>
					</li>
				</ul>
			</div>
		</div>
	</aside>
	<div class="col-md-10">
		<div class="panel panel-info">
			<div class="panel-heading">
				<h3 class="panel-title">查询栏</h3>
			</div>
			<div class="panel-body">
				<form id="searcheForm" class="form-inline">
					<div class="form-group">
						<label class="form-label input-sm"><font color="black"
							size="2%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;种类名称</font></label> <input
						id="search-categoryName"	type="text" name="categoryName" class="form-control input-sm">
					</div>
					&nbsp;&nbsp;
					<button id="btn-search" type="button"
						class="btn btn-primary btn-sm">查询</button>
					&nbsp;&nbsp;
					<button id="btn-reset" type="button" class="btn btn-default btn-sm">重置</button>
				</form>
			</div>
		</div>

		<div class="panel panel-info">
			<div class="panel-heading">
				<h3 class="panel-title">信息栏</h3>
			</div>
			<div class="panel-body">
				<form id="listForm">
					<button id="btn-insert" type="button"
						class="btn btn-primary btn-sm" >添加种类</button>
					<button id="btn-update" type="button"
						class="btn btn-primary btn-sm" >修改种类</button>
					<button id="btn-remove" type="button" class="btn btn-danger btn-sm">删除种类</button>
				</form>
			</div>
			
		       <table id="user-category" border="1" cellspacing="0" cellpadding="0">
		       </table>
			<div class="panel-footer">
				<div id="paginator" class="m-pagination">
				 <!--  <ul>
				     
				  </ul> -->
				</div>
			</div>
		</div>
	</div>
  
  <!-- 模态框（Modal） -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
					&times;
				</button>
				
			</div>
			<div class="modal-body"  style="height:240px">
				 <form class="form-horizontal">
				   <input  id="id" type="hidden">
				    <div class="form-group">
				      <label  class="col-sm-2 control-label">种类名称</label>
				        <div class="col-sm-6">
                      <input type="text" class="form-control" id="categoryName" name="movieCategory" placeholder="请输入种类名称">
                      </div>
                      </div>
				 </form>
				 <div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">
				  <font size="2">关闭</font>
				</button>
				<button type="button" class="btn btn-primary" id="btn-save-category">
					<font size="2">保存</font>
				</button>
			</div>
				  </div>
			</div>
			
		</div><!-- /.modal-content -->
	</div><!-- /.modal -->
</body>
</html>